---
title: コンテンツの執筆
description: >-
  Astroは、コンテンツ重視のサイト（ブログ、マーケティングサイト、ポートフォリオなど）に最適です。
  プロジェクト内で直接コンテンツを執筆するかお好みのCMSを接続できます。
i18nReady: true
---
Astroは、コンテンツ重視のサイト（ブログ、マーケティングサイト、ポートフォリオなど）に最適です。

Astroは、コンテンツの執筆と公開に役立ちます。Markdown/MDXを使ってAstroで直接ブログ記事を書いたり、ヘッドレスCMSからコンテンツを取得できます。Astroは、ページにレイアウトを追加したり、記事のインデックスを作成したり、RSSフィードを設定して読者に購読してもらえたり、コンテンツを中心にサイトを構築できます。

## コンテンツの執筆

Astroでは、さまざまな方法でコンテンツを執筆できます。：
- Markdownファイル（`.md`または[代替拡張子](/ja/guides/markdown-content/)）を使って、リッチテキストのコンテンツを簡単に記述できます。
- MDXファイル（`.mdx`）を使って、コンポーネントと動的な式をドキュメントに含めます。
- サードパーティのコンテンツマネジメントシステム（CMS）を使用して、コンテンツを`.astro`ページに取り込めます。
- その他のオプション（コンテンツの多い場合あまり使われない）として、[`.astro`ファイル](/ja/basics/astro-pages/#astroページ)や[`.html`ファイル](/ja/basics/astro-pages/#htmlページ)もあります。

### Markdownの執筆
Markdownは、基本的なフォーマットとヘッダー、リストや画像などの一般的な要素でリッチテキストを書くために便利な構文です。Astroには、プロジェクト内のMarkdownファイルをサポートする機能が組み込まれています。

コードエディタで新しい`.md`ファイルを作成して書いたり、お気に入りのMarkdownエディタで書かれた既存のファイルを取り込めます。[StackEdit](https://stackedit.io/)や[Dillinger](https://dillinger.io)などのオンラインMarkdownエディタでは、GitHubに保存されているAstroリポジトリと編集・同期できます。

📚 [AstroでMarkdownコンテンツを書く](/ja/guides/markdown-content/)についてもっと学ぶ。

### MDXの執筆
MDXインテグレーションをプロジェクトに追加すると、`.mdx`ファイルを使用してコンテンツを記述できます。このファイル形式では、静的な[Astroコンポーネント](/ja/basics/astro-components/)とインタラクティブな[フレームワークコンポーネント](/ja/guides/framework-components/)の両方を含むカスタムコンポーネントやJavaScriptの式をMarkdownに含むことができます。バナーやインタラクティブなカルーセルなどのUI要素をテキスト内に追加して、コンテンツを本格的なウェブページにできます。

プロジェクトファイルと一緒に、コードエディタで`.mdx`ファイルを直接、作成・編集することができます。

📚 [AstroでMDXを使う](/ja/guides/integrations-guide/mdx/)についてもっと学ぶ。

### ヘッドレスCMSの執筆

Storyblok、WordPress、Contentfulなど、既存のコンテンツ管理システム（CMS）でブログ記事を書けます。Storyblokなど一部のCMSは、公式の[Astroインテグレーション](https://www.storyblok.com/mp/announcing-storyblok-astro)を提供しています。また、Astro pagesが[リモートコンテンツの取得](/ja/guides/data-fetching/)に使用できるJavaScript SDKを提供しているものもあります。

## コンテンツページの管理

`src/pages`ディレクトリにあるMarkdownとMDXファイルは、Astroの[ファイルベースルーティング](/ja/guides/routing/)を使って、記事ファイルのパスに対応するURLにページを自動生成します。

また、MarkdownやMDXファイルを`src/pages`ディレクトリの外に置き、代わりにその内容を`.astro`ページにインポートできます。

CMSでコンテンツを書いている場合、記事を取得して[動的ルーティング](/ja/guides/routing/#動的ルーティング)を使用すると、1つの`.astro`ファイルを使って、各記事のルートを生成できます。Astroのデフォルトの静的モードでは、これらのルートはビルド時に生成されます。[SSRモード](/ja/guides/server-side-rendering/)では、実行時にリクエストに応答し、必要に応じてコンテンツを取得します。

## コンテンツの紹介

ブログのアーカイブやブログのタグごとのページなど、コンテンツを整理して表示するための共通機能を構築するために、AstroではMarkdownやMDXのfrontmatterから[ファイル名とメタデータを取得](/ja/reference/api-reference/#astroglob)し、これらを利用してページコンテンツやルートを生成できます。

## コミュニティインテグレーション

公式の[`@astrojs/mdx`](/ja/guides/integrations-guide/mdx/)インテグレーションに加えて、Astroプロジェクトでコンテンツを扱うためのサードパーティによる[コミュニティインテグレーション](https://astro.build/integrations/css+ui/?q=content)が複数あります。

